<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no" />
		 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<title>校道申请</title>
		<link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css">
		<link rel="stylesheet" type="text/css" href="../css/application/schoolLane.css"/>
	</head>
	<body>
		<div id="schoolLane">
			<mt-field label="校区" placeholder="请输入校区名" v-model="region"></mt-field>
			<mt-field label="开始时间" placeholder="请输入时间" type="date" v-model="start"></mt-field>
			<mt-field label="结束时间" placeholder="请输入时间" type="date" v-model="end"></mt-field>
			<mt-field label="申请人" placeholder="请输入姓名" v-model="username"></mt-field>
			<mt-field label="申请学院" placeholder="请输入学院名" v-model="college"></mt-field>
			<mt-field label="申请组织" placeholder="请输入组织名" v-model="organization"></mt-field>
			<mt-field label="联系方式" placeholder="请输入手机号" type="tel" v-model="phone"></mt-field>
			<mt-field label="用途" placeholder="请输入用途" v-model="purpose"></mt-field>
			<mt-field label="是否有赞助" placeholder="填是或否" v-model="Sponsor"></mt-field>
			<button class="btn" @click="Http()">提交</button>
			<!--
			<p><span>校&nbsp;&nbsp;&nbsp;&nbsp;区：</span></p>
			<p><span>使用时间：</span></p>
			<p><span>申&nbsp;请&nbsp;人：</span></p>
			<p><span>申请学院：</span></p>
			<p><span>申请组织：</span></p>
			<p><span>联系方式：</span></p>
			<p><span>用&nbsp;&nbsp;&nbsp;&nbsp;途：</span></p>
			<p><span>赞&nbsp;&nbsp;&nbsp;&nbsp;助：</span></p>-->
		</div>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://unpkg.com/mint-ui/lib/index.js"></script>
		<script type="text/javascript">
			new Vue({
				el:"#schoolLane",
				data:{
					region:'',
					start:'',
					end:'',
					phone:'',
					username:'',
					college:'',
					organization:'',
					purpose:'',
					Sponsor:''
				},
				created:function(){
					
				},
				methods:{
					Http:function(){
						var _self = this;
						console.log(_self.region);
						console.log(_self.start);
						console.log(_self.end);
						console.log(_self.phone);
						console.log(_self.username);
						console.log(_self.college);
						console.log(_self.organization);
						console.log(_self.purpose);
						console.log(_self.Sponsor);
						var url = "";
					}
				}
			})
		</script>
	</body>
</html>
